<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--head部分-->
<head th:include="layout :: htmlhead" th:with="title='后台管理'">
</head>

<style>
    .layadmin-user-login-body {
        background: url(./images/loginForm_back.png);
        background-size: 100% 100%;
    }
    input::-webkit-input-placeholder{
        color:white;
    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:white;
    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:white;
    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
        color:white;
    }
</style>

<body background="./images/loginBack.png">
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

    <div class="layadmin-user-login-main">
        <div class="layadmin-user-login-box layadmin-user-login-header">
<!--            <h2><font color="white">机动车查验过程音视频</font></h2>-->
            <h2><font color="white">机动车查验管理系统</font></h2>
<!--            <p style="font-size: 25px;color: white">管理系统</p>-->
        </div>
        <div class="layadmin-user-login-box layadmin-user-login-body layui-form" style="padding-top: 20px;">
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                       for="loginname"></label>
                <input type="text" name="loginname" id="loginname" lay-verify="required" placeholder="用户名"
                       class="layui-input" style="background-color: rgba(255,255,255,0.2);border:0;">
            </div>
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                       for="password"></label>
                <input type="password" name="password" id="password" lay-verify="required"
                       placeholder="密码" class="layui-input" style="background-color: rgba(255,255,255,0.2);border:0;">
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs7">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
                               for="piccode"></label>
                        <input type="text" name="piccode" id="piccode" lay-verify="required"
                               placeholder="图形验证码" class="layui-input" style="background-color: rgba(255,255,255,0.2);border:0;">
                    </div>
                    <div class="layui-col-xs5">
                        <div style="margin-left: 10px;">
                            <canvas id="canvas" width="120" height="38"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="margin-bottom: 20px;">
                <input type="checkbox" id="rememberMe" name="rememberMe" lay-skin="primary" title="记住密码">
            </div>
            <div class="layui-form-item">
                <button style="background-color: #4289c5" class="layui-btn layui-btn-fluid" lay-submit
                        lay-filter="login">登 陆
                </button>
            </div>
        </div>
    </div>

    <div class="layui-trans layadmin-user-login-footer">
        <p>

            <span><a href="http://www.anche.cn/" target="_blank"
                     style="color: white">深圳市安车检测股份有限公司 粤ICP备14005652号</a></span>
        </p>
        <p style="color: white">© 2019 <a href="http://www.anche.cn/" target="_blank" style="color: white">http://www.anche.cn</a>
        </p>
<!--        <p style="color: white">版本号：3.2.2 更新日期：2021年4月10日</a>-->
        <p style="color: white">版本号：V1.0 更新日期：2023年11月10日</a>
        </p>
    </div>

</div>

<div id="modifyPWD" lay-filter="editForm" class="layer_self_wrap" style="width:450px;display:none;">
    <form id="modifyForm" class="layui-form layui-form-pane" method="post" style="margin-top: 20px;" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">原密码</label>
            <div class="layui-input-inline">
                <input id="oldmm" name="oldmm" lay-verify="required" autocomplete="off" class="layui-input" type="password"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">新密码</label>
            <div class="layui-input-inline">
                <input id="newmm" name="newmm" lay-verify="required" autocomplete="off" class="layui-input" type="password"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">确认密码</label>
            <div class="layui-input-inline">
                <input id="remm" name="remm" lay-verify="required" autocomplete="off" class="layui-input" type="password"/>
            </div>
        </div>
    </form>
    <div class="layui-form-item">
        <div class="layui-input-block" style="margin-left: 5%">
            <button class="layui-btn" lay-submit="" lay-filter="mmSubmit">提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</div>

<script th:src="@{/utils/picCode/validate.js}"></script>
<script th:src="@{/utils/des/tripledes.js}"></script>
<script th:src="@{/utils/des/deshelper.js}"></script>
<script th:src="@{/utils/des/mode-ecb.js}"></script>
<script th:src="@{/js/login.js}"></script>
</body>
</html>
